<template>
  <div>

    <my-description title="标题"
                    align="right"
                    :width="50">
      <my-description title="标题"
                      align="right"
                      :width="50">累啊收到
      </my-description>
      <my-description title="标题"
                      align="left"
                      :width="50">累啊打算发士大夫爱德华爱德华到累啊打算发士大夫爱德华爱德华到累啊打算发士大夫爱德华爱德华到累啊打算发士大夫爱德华爱德华到
      </my-description>

    </my-description>
    <my-description title="标题"
                    align="center"
                    :width="50">累啊收到
    </my-description>
    <my-description title="标题"
                    align="left"
                    :width="50">累啊打算发士大夫爱德华爱德华到
    </my-description>
    <my-description title="标题"
                    top
                    :gutter="5"
                    align="center"
                    :width="50">
      <my-description title="标题"
                      align="left"
                      :width="50">累啊打算发士大夫爱德华爱德华到累啊打算发士大夫爱德华爱德华到累啊打算发士大夫爱德华爱德华到累啊打算发士大夫爱德华爱德华到
      </my-description>

    </my-description>

    <my-description title="本周任务平均处理时间"
                    align="left"
                    top
                    :width="100">
      <my-title :level="2">
        32分钟
      </my-title>
    </my-description>

    <my-description title="标题"
                    align="left"
                    :gutter="10"
                    :width="100">
      <template v-slot:title>
        <el-image fit="cover" :src="img" style="height:100px;"></el-image>
      </template>

      <my-description title="姓名：" :gutter="0">累啊收到</my-description>
      <my-description title="年龄：" :gutter="0">19</my-description>
      <my-description title="地址：" :gutter="0">asdfasd fasdf sdfdsf sdf sdf sd fasd</my-description>
      <my-description title="简介：" :gutter="0">累啊收到累啊收到累啊收到累啊收到累啊收到累啊收到累啊收到累啊收到累啊收到累啊收到累啊收到</my-description>
      <my-description title="标签：">
        <el-tag size="small" v-for="n in 10" :key="n">标签</el-tag>
      </my-description>
    </my-description>
  </div>
</template>

<script>

  import img from '@/assets/avatar.jpeg'

  export default {
    data() {
      return {
        img
      }
    }
  }
</script>

<style lang="scss" scoped>

</style>
